<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>通知公告</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="./public/css/sm.css">
    <link rel="stylesheet" href="./public/css/sm-extend.css">
    <link rel="stylesheet" href="./public/css/self.css">

    <!-- 阿里图标 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_461630_jcxm7ciaxtl9dx6r.css">





</head>
<body>
<div class="page-group">
    <div id="page-infinite-scroll-bottom" class="page page-current" newstypename="通知公告"
         interAddress="api/wxapi/news/getnewslist">

        <header class="bar bar-nav">
            <h1 class="title">通知公告</h1>
        </header>

        <div class="bar bar-header-secondary self-bar-header-secondary">
            <a class="button button-link button-nav pull-left back" href="javascript:;" id="reset"
               onclick="javascript:location.reload()" style="display: none">
                <span class="iconfont icon-fanhui icon-left"></span>
            </a>
            <div class="searchbar">
                <a class="searchbar-cancel" style="background-color: #0894ec; color:#fff" id="sear">搜索</a>
                <div class="search-input">
                    <label class="icon iconfont icon-sousuo" for="search"></label>
                    <input type="search" id="search" placeholder="输入关键字..." onkeyup="getVal(this)">
                    <label class="self-icon-del iconfont icon-delete_fill" id="del-input"
                           onclick="delVal(this)"></label>
                </div>
            </div>
        </div>
        <div class="content infinite-scroll native-scroll self-content" data-distance="100">
            <div class="list-block media-list self-list-block">
                <ul class="list-container" interAPI="api/wxapi/news/getnewsinfo" type="0">
                    <!--
                    <li>
                        <a href="#" class="item-link item-content">
                            <div class="item-inner self-inner">
                                <div class="item-title-row">
                                    <div class="item-title self-title">
                                        射阳县政府昨日召开大会，大会内容讨论了范德萨范德萨反对撒反对撒反对撒反对撒防守打法
                                    </div>
                                </div>
                                <div class="item-text self-text">
                                    此处是文本内容此处是文本内容此处是文本内容此处是文本内容此处是文本内容此处是文本内容此处是文本内容此处是文本内容此处是文本内容此处是文本内容此处是文本内容
                                </div>
                                <div class="card-footer self-footer">
                                    <span>张三丰</span>
                                    <span>1 小时前</span>
                                </div>
                            </div>
                            <div class="item-media" style="padding: 0">
                                <img src="./public/img/test.png" class="self-thomimg">
                            </div>
                        </a>
                    </li>
                   -->
                </ul>
            </div>
            <!-- 加载提示符 -->
            <div class="infinite-scroll-preloader">
                <div class="preloader">
                </div>
            </div>
        </div>
    </div>
</div>

<script src="./public/js/zepto.js"></script>
<script src="./public/js/sm.js"></script>
<script src="./public/js/sm-extend.js"></script>

<script src="./public/js/self.js"></script>

<script src="./public/js/tabs-scrool.js"></script>
<script>
    $(function () {
        $('#search').on('focus', function () {
            searStyle();
        });
        $('#search').blur(function () {
            $('#reset').hide();
            searStyle();
        });
    });

    function searStyle() {
        $('#reset').show();
        $('.bar').addClass('self-bar');
        $('.list-container').html('');
        $('.infinite-scroll-preloader').hide();
    }
</script>

</body>
</html>